
function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) { return pair[1]; }
    }
    return (false);
}

var vm = new Vue({
    el: '#app',
    data() {
        //这里存放数据
        return {
            // 查询条件
            query: {
                text: ''
            },
            // 历史记录
            historyList: [

            ],
        }
    },
    //监听属性 类似于data概念
    computed: {},
    //监控data中的数据变化
    watch: {},
    //方法集合
    methods: {
        // 访问记录
        handleVisit(index, row) {
            window.open(row.url)
        },
        handleDelete(index, row) {
            let details = {
                url: row.url
            }
            chrome.history.deleteUrl(details, (res) => {
                this.getHistory()
            })
        },
        handleDeleteAll() {
            chrome.history.deleteAll((res) => {
                this.getHistory()
            })
        },
        // 历史记录
        getHistory() {
            chrome.history.search(this.query, (data) => {
                data.forEach(item => {
                    item.http = this.GetUrlRelativePath(item.url)
                    item.lastVisitTime = this.getLocalTime(item.lastVisitTime)
                });
                this.historyList = data
            })
        },
        GetUrlRelativePath(url) {
            var arrUrl = url.split("//");
            var start = arrUrl[1].indexOf("/");
            var relUrl = arrUrl[1].substring(0, start);//stop省略，截取从start开始到结尾的所有字符
            // if (relUrl.indexOf("?") != -1) {
            //     relUrl = relUrl.split("?")[0];
            // }
            return relUrl;
        },
        getLocalTime(nS) {
            return new Date(parseInt(nS)).toLocaleString().replace(/:\d{1,2}$/, ' ');
        },
    },
    //生命周期 - 创建完成（可以访问当前this实例）
    created() {
        let key = getQueryVariable('key')
        console.log(`created ~ key`, key);
        if (key) {
            this.query.text = key
        }
        this.getHistory()
    },
    //生命周期 - 挂载完成（可以访问DOM元素）
    mounted() {

    },
});
